<!-- Left Sidebar -->
<aside id="leftsidebar" class="sidebar">
    <ul class="nav nav-tabs">
        <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#dashboard"><i class="zmdi zmdi-home m-r-5"></i>首页</a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#user"><i class="zmdi zmdi-account m-r-5"></i>个人中心</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane stretchRight active" id="dashboard">
            <div class="menu">
                <ul class="list">
                    <li>
                        <div class="user-info">
                            <div class="image"><a href="profile.html"><img src="__STATIC__/assets/images/profile_av.jpg" alt="User"></a></div>
                            <div class="detail">
                                <h4>新垣结衣</h4>
                                <small>美少女商店</small>                        
                            </div>
                        </div>
                    </li>
                    <li class="header">主页</li>

                    <li class="active open"> <a href="javascript:void(0);"><i class="zmdi zmdi-home"></i><span>图表分析</span></a>  
                    </li>

                    <li class="header">详情</li>
                    <li> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-home"></i><span>商店简介</span></a>
                        <ul class="ml-menu">
                            <li><a href="index.html">商店详情</a> </li>
                        </ul>
                    </li>
                    <li> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-apps"></i><span>交易记录</span> </a>
                        <ul class="ml-menu">
                            <li><a href="mail-inbox.html">未完成订单</a></li>
                            <li><a href="chat.html">已完成订单</a></li>
                            <li><a href="events.html">物流管理</a></li>
                        </ul>
                    </li>
                    <li> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-shopping-cart"></i><span>支付管理</span> </a>
                        <ul class="ml-menu">
                            <li> <a href="ec-product-detail.html">支付方式管理</a></li>
                        </ul>
                    </li>
                    <li> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-swap-alt"></i><span>留言处理</span> </a>
                        <ul class="ml-menu">
                            <li> <a href="ui_kit.html">留言反馈</a> </li>                    
                        </ul>
                    </li>                  
                </ul>
            </div>
        </div>
        <div class="tab-pane stretchLeft" id="user">
            <div class="menu">
                <ul class="list">
                    <li>
                        <div class="user-info m-b-20 p-b-15">
                            <div class="image"><a href="profile.html"><img src="__STATIC__/assets/images/profile_av.jpg" alt="User"></a></div>
                            <div class="detail">
                                <h4>新垣结衣</h4>
                                <small>美少女商店</small>                        
                            </div>
                            
                            <p class="text-muted">商店等级：5</p>
                            <div class="row">
                                <div class="col-4">
                                    <h5 class="m-b-5">852</h5>
                                    <small>订单量</small>
                                </div>
                                <div class="col-4">
                                    <h5 class="m-b-5">13k</h5>
                                    <small>浏览量</small>
                                </div>
                                <div class="col-4">
                                    <h5 class="m-b-5">234</h5>
                                    <small>留言数</small>
                                </div>                            
                            </div>
                        </div>
                    </li>
                    <li>
                      
                        <small class="text-muted">联系电话: </small>
                        <p>+ 202-555-0191</p>
                        <hr>
                        <small class="text-muted">发货地址: </small>
                        <p>大连市西郊园林超市</p>
                        <hr>
                        <!-- <ul class="list-unstyled">
                            <li>
                                <div>Photoshop</div>
                                <div class="progress m-b-20">
                                    <div class="progress-bar l-blue " role="progressbar" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100" style="width: 89%"> <span class="sr-only">62% Complete</span> </div>
                                </div>
                            </li>
                            <li>
                                <div>Wordpress</div>
                                <div class="progress m-b-20">
                                    <div class="progress-bar l-green " role="progressbar" aria-valuenow="56" aria-valuemin="0" aria-valuemax="100" style="width: 56%"> <span class="sr-only">87% Complete</span> </div>
                                </div>
                            </li>
                            <li>
                                <div>HTML 5</div>
                                <div class="progress m-b-20">
                                    <div class="progress-bar l-amber" role="progressbar" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100" style="width: 78%"> <span class="sr-only">32% Complete</span> </div>
                                </div>
                            </li>
                            <li>
                                <div>Angular</div>
                                <div class="progress m-b-20">
                                    <div class="progress-bar l-blush" role="progressbar" aria-valuenow="43" aria-valuemin="0" aria-valuemax="100" style="width: 43%"> <span class="sr-only">56% Complete</span> </div>
                                </div>
                            </li>
                        </ul>     -->                    
                    </li>
                </ul>
            </div>
        </div>
    </div>    
</aside>

<!-- Right Sidebar -->
<aside id="rightsidebar" class="right-sidebar">
    <ul class="nav nav-tabs">
        <!-- <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#setting"><i class="zmdi zmdi-settings zmdi-hc-spin"></i></a></li> -->
        <li class="nav-item"><a class="nav-link"><i class="zmdi zmdi-settings zmdi-hc-spin"></i></a></li>
       <!--  <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#chat"><i class="zmdi zmdi-comments"></i></a></li> -->
       <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#activity">设置</a></li> 
    </ul>
    <div class="tab-content">
        <div class="tab-pane slideRight active" id="setting">
            <div class="slim_scroll">
                <div class="card">
                    <h6>常规设置</h6>
                    <ul class="setting-list list-unstyled">
                        <li>
                            <div class="checkbox">
                                <input id="checkbox3" type="checkbox" checked="">
                                <label for="checkbox3">通知</label>
                            </div>                        
                        </li>
                        <li>
                            <div class="checkbox">
                                <input id="checkbox4" type="checkbox" checked="">
                                <label for="checkbox4">自动更新</label>
                            </div>
                        </li>
                    </ul>
                </div>                
                <div class="card">
                    <h6>皮肤</h6>
                    <ul class="choose-skin list-unstyled">
                        <li data-theme="purple" class="active">
                            <div class="purple"></div>
                        </li>                   
                        <li data-theme="blue">
                            <div class="blue"></div>
                        </li>
                        <li data-theme="cyan">
                            <div class="cyan"></div>                    
                        </li>
                        <li data-theme="green">
                            <div class="green"></div>
                        </li>
                        <li data-theme="orange">
                            <div class="orange"></div>
                        </li>
                        <li data-theme="pink">
                            <div class="pink"></div>                    
                        </li>
                    </ul>                    
                </div>
                <!-- <div class="card">
                    <h6>账号设定</h6>
                    <ul class="setting-list list-unstyled">
                        <li>
                            <div class="checkbox">
                                <input id="checkbox5" type="checkbox" checked="">
                                <label for="checkbox5">Offline</label>
                            </div>
                        </li>
                        <li>
                            <div class="checkbox">
                                <input id="checkbox6" type="checkbox" checked="">
                                <label for="checkbox6">Location Permission</label>
                            </div>
                        </li>
                    </ul>
                </div> -->
                <div class="card theme-light-dark">
                    <h6>左栏设定</h6>
                    <button class="t-light btn btn-default btn-simple btn-round btn-block">明亮</button>
                    <button class="t-dark btn btn-default btn-round btn-block">黑暗</button>
					<button class="m_img_btn btn btn-primary btn-round btn-block">自定义图片</button>                    
                </div>                
            </div>                
        </div>       
</aside>

